<template>

	
	<view >
		<!-- 性别 -->
		<view  v-if="usersex=='男'" class="new-sex u-f-ajc ">
			<u-icon name="man" color="#FFFFFF" size="20"></u-icon>{{userage}}
			
		</view>
		<view v-else class="u-f-ajc new-sex-woman">
			<u-icon name="woman" color="#FFFFFF" size="20"></u-icon> {{userage}}
		</view>
	</view>
	

</template>

<script>
	export default {
		props:{
			usersex:String,
			userage:Number,
			username:String
		}
	}
</script>

<style>
	.new-name{
		color: #D5D5D5;
		margin-left: 20upx;
	}
	.new-sex ,.new-sex-woman{
		
		background-color: #007AFF;
		color: #FFFFFF;
		border-radius: 20upx;
		font-size: 10upx;
		display: inline-block;
		padding: 5upx 10upx;
		line-height: 30upx;
		margin-left: 20upx;
		padding-top: 5upx;
	}
	.new-sex-woman{
		background-color: #FF7CC1;	
		
	}
</style>
